<div fxLayoutAlign="center">
    <div fxFlex.lt-lg="98" fxFlex.gt-md="90">
        <div fxLayout="column" class="pt20">
            <mat-toolbar fxLayoutAlign="center center">
                <!-- search -->
                <mat-form-field>
                    <input matInput type="text" placeholder="search" [(ngModel)]="searchTitle" (keyup)="onKey($event)"/>
                    <button mat-button *ngIf="searchTitle" matSuffix mat-icon-button aria-label="Clear" (click)="searchTitle=''">
                        <mat-icon fontIcon="fa-times-circle"></mat-icon>
                    </button>
                </mat-form-field>
                <button mat-raised-button color="primary" (click)="submit()">submit</button>
            </mat-toolbar>            
        </div>
    </div>
</div>

<manhua-table #manhuaTable class="pt20"></manhua-table>